<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <header>
        <span class="iconfont icon-back cfff" id="backward"></span>
        <div class="d_f jssbetween  mt10">
            <span class="asc cfff">我的运动数据</span> <img src="../img/cat.jpg" alt="" id="myprofile">
        </div>
        <div class="d_f jssaround cfff mb16">
            <div class="d_f fdcolumn borR paright">
                <p class="mb10 cAAD9F7">总运动</p>
                <span> <span class="f20" id="spendT">000</span> <span>分钟</span> </span>
            </div>
            <div class="d_f fdcolumn cfff">
                <p class="mb10 cAAD9F7">本周消耗</p>
                <span> <span class="f20" id="spendC">00</span> <span>千卡</span> </span>
            </div>
        </div>
        <div class="d_f jssbetween cfff mb28">
           <div class="d_f fdcolumn">
            <p class="cAAD9F7 mb10">消耗(千卡)</p>
            <span id="totalC" class="tcenter">00</span>
           </div>
           <div class="d_f fdcolumn">
            <p class="cAAD9F7 mb10">累计(天)</p>
            <span id="punchDay" class="tcenter">00</span>
           </div>
           <div class="d_f fdcolumn">
            <p class="cAAD9F7 mb10">连续(天)</p>
            <span id="punchIn" class="tcenter">00</span>
           </div> 
        </div>
    </header>
    <!-- 最近七天数据 -->
    <div id="currentData"></div>
    <div id="classifysports">
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>
</body>

</html>